﻿@using Smartstore.Web.Models.Catalog

@model ProductSummaryModel

@{ 
	if (Model.Items.Count == 0)
	{
		return;
	}
}

<div id="cx">
    <div class="cx-header">
        <div class="cx-header-title">@T("Bestsellers")</div>
        <div class="cx-header-more">
            <img alt="换一批" src="~/images/more.png">
        </div>
    </div>

    <div class="block-body artlist-no-separators">
        <partial name="Product.List" model="Model" />
    </div>
</div>
<style>
    #cx {
        background: #fff;
        border-color: transparent;
        box-shadow: 0 calc(2px * 1) 16px -2px rgba(26, 33, 75, calc(1 * 0.12)), 0 calc(2px * 1) 3px -2px rgba(0,0,0, calc(1 * 0.15));
        
        .cx-header{
        width: 100%;
        height: 45px;
        line-height: 45px;

        .cx-header-title{
        margin-right: 0px;
        width: 100px;
        height: 35px;
        float: left;
        text-align: center;
        font-size: 16px;
        color: #5E5E5E;
        font-weight: 500;
    }

    .cx-header-more {
        width: 20px;
        float: left;
        margin-left: -15px;
        cursor: pointer;
    }

    }
    }
    </style>